<extend name="Base/common"/>
<block name="header">
    <title>{$meta_title}</title>
</block>
<block name="body">
    <center>
        <div style="width: 320px">
            <br>
            <div style="position: relative">
                <img  width="100%" src="__MAST_HOME__/picture/main.png" usemap="#main1">
                <map name="main1" id="main1">
                    <area shape="rect" coords="58,188,160,220" href ="XYBdetail.html" alt="明细" />
                    <area shape="circ" coords="280,148,28" alt="兑换" />
                    <area shape="circ" coords="218,257,24" alt="质押" />
                </map>

                <div  class="mainf5"><table   width="100px"><tr><td id="xyb" align="center">0</td></tr></table></div>


                <div  class="mainf6"><table   width="100px"><tr><td id="jiage" align="center">0</td></tr></table></div>

            </div>
            <br>
            <ul class="aui-grid-nine1">
                <li class="aui-col-xs-6 aui-text-center">
                    <button class="mainb1">
                        授信额度
                    </button>
                </li>
                <li class="aui-col-xs-6 aui-text-center">
                    <div style="position: relative;top: -32px">
                        <span class="mainf1">额度</span>
                        <br>
                        <span id="edu" class="mainf2">00000</span>
                        <br>
                        <button class="mainb2" >
                            <span style="position: relative;top: -3px">额度明细</span>
                        </button>
                    </div>
                </li>
                <li class="aui-col-xs-6 aui-text-center">
                    <button id="as" class="mainb3">
                        签到信用分
                    </button>
                </li>
                <li class="aui-col-xs-6 aui-text-center">
                    <div style="position: relative;top: -32px">
                        <span class="mainf1">信用分</span>
                        <br>
                        <span id="jifen" class="mainf2">00000</span>
                        <br>
                        <button class="mainb4">
                            <span style="position: relative;top: -3px;left: -7px">信用分明细</span>
                        </button>
                    </div>
                </li>
                <li class="aui-col-xs-4 aui-text-center">
                    <span class="mainf3">期权股</span>
                    <br>
                    <span id="qiquan" class="mainf4">000</span>
                </li>
                <li class="aui-col-xs-4 aui-text-center">
                    <span  class="mainf3">期权价格</span>
                    <br>
                    <span id="qiquanjiage" class="mainf4">000</span>
                </li>
                <li class="aui-col-xs-4 aui-text-center">
                    <button class="mainb5">
                        <span>期权交易</span>
                    </button>
                </li>
            </ul>
        </div>

        <div id="MyMusk" class="MyMusk hide">
            <div class="aui-dialog  dialog" id="dialog">
                <div class="aui-bar aui-bar-nav Noti">提示 ！</div>
                <div id="ti" class="classNoti">
                    <p>您的等级还未达到</p>
                    <p id="lv">"贫农"</p>
                    <p style="margin-bottom: 10px;">还无法享用该项目</p>
                </div>
                <div class="ok">OK</div>
            </div>
        </div>
    </center>
    <include file="Public/foot"/>
</block>
<block name="script">
    <script type="text/javascript">
        $(".ok").click(function(){$(".MyMusk").hide();})
        $(function(){
                    $("#aui-slide3").height($("#aui-slide3").width()*250/640);
                    var slide2 = new auiSlide({
                        container: document.getElementById("aui-slide3"),
                        // "width":300,
                        "height": $("#aui-slide3").height(),
                        "speed": 400,
                        "autoPlay": 5000, //自动播放
                        "pageShow": true,
                        "loop": true,
                        "pageStyle": 'dot',
                        'dotPosition': 'right',
                        currentPage: currentFun
                    });
                    // 当前页
                    function currentFun(index) {
                        console.log(index);
                    }

                }
        )


        $(".uc4GridLeft").height($(".uc4GridLeft").width() * 1.1);
        $(".uc4GridRight").find("li").css({"line-height": $(".uc4GridRight").find("li").height() + "px"});
        $(".uc4GridRight").find("p").height($(".uc4GridRight").find("li").height());
        $(".uc4GridRight").find("p").css({"line-height": $(".uc4GridRight").find("p").height() + "px"});
        $(".uc4Grid2Right").height($(".uc4Grid2Right").width() * 1.1);
        $(".uc4Grid2Left").find("li").css({"line-height": $(".uc4Grid2Left").find("li").height() + "px"});
        $(".uc4Grid2Left").find("p").height($(".uc4Grid2Left").find("li").height());
        $(".uc4Grid2Left").find("p").css({"line-height": $(".uc4Grid2Left").find("p").height() + "px"});
    </script>
    <script type="text/javascript">
        $("#loanIncome").click(function(){
            $(".MyMusk").show();
            $(".classNoti p").css("height","25px")
            $("#ti p").html("您的可贷款收益提现金额为0");
        })
        $("#askForLoan").click(function(){
            $(".MyMusk").show();
            $(".classNoti p").css("height","75px")
            $("#ti p").html("您的等级还未达到<br>'贫农'<br>还无法享用该项目");
        })
        $("#creditPledge").click(function(){
            $(".MyMusk").show();
            $(".classNoti p").css("height","25px")
            $("#ti p").html("该项目暂未开放");
        })
    </script>

</block>
